<!DOCTYPE html>
<html>
<head>
<title>{$catalog.seo_title}</title>
<link rel="shortcut icon" href="__PUBLIC__/upload/favicon.ico?v={:rand(0,9999)}" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<meta name="keywords" content="{$catalog.seo_keywords}" />
<meta name="description" content="{$catalog.seo_description}" />
<!-- 全局标签 -->
{$commonHtmlMeta|raw}
<!-- 全局头部(css) -->
{$commonHtmlHeader|raw}
<!-- 插件头部(css) -->
{include file="$pluginHeader"/}
<link rel="stylesheet" type="text/css" href="__STATIC__/swiper/swiper.css" />
<link rel="stylesheet" type="text/css" href="__STATIC__/element/css/index.css" />
<link rel="stylesheet" type="text/css" href="__STATIC__/animate/index.css" />
<link rel="stylesheet" type="text/css" href="__THEMES__/css/theme.css">
</head>
<body>
<div id="app" v-cloak>
<mk-header></mk-header>
<!-- 幻灯片 -->
{notempty name="catalog"}
{if $catalog.seo_url === 'index'}
<mk-swiper class="banner" :list='{:json_encode($catalog.banner)}'>
    <template v-slot:item="{ item }">
        <a :href="item.url">
            <img :src="item.cover"/>
        </a>
    </template>
</mk-swiper>
{else/}
<section class="header-sub" style="background-image:  url({$theme.background_image})">		
	<!-- 面包屑 -->
	<div class="mk-layout">
		<ul class="mk-crumbs">
			{volist name="catalog.crumbs" id="vo"}
	        <li class="{if count($catalog.crumbs) - 1 === $key}active{/if}">
	            <a href="{$vo.url}">{$vo.title}</a>
	            <i class="el-icon-caret-right"></i>
	        </li>
	        {/volist}
	    </ul>
	</div>
</section>
{/if}
{/notempty}